export default {
    template:`
    <div class="my-switch">
        <label class="switch-btn" :class="{ active:flag }">
            <input type="checkbox" :checked="flag" @change="printSwitchBtnState($event)">
            <span class="pot"></span>
        </label>
    </div>
    `,
    data(){
        return {
           flag:false
        }
    },
    methods:{
        printSwitchBtnState(e){
            console.log(this.$attrs)
            console.log(this.$attrs.onState)
            // 事件触发 = 自定义事件 = 传入的参数实际上是自定义事件参数event
            // this.$attrs.onState("自定义事件被执行时的参数-自定义事件被调用的事件描述信息-事件源对象");
            this.$attrs.onState(e.target.checked);
            this.flag = e.target.checked
        }
    }
}